<template>
  <div class="  container">
    <router-view></router-view>
    <div class="index">
      <Header  :isShowMyCourse="true"/>
      <div class="main-center " style="height: auto; margin-bottom:  0px;">
        <div class="train-con">
          <div class="train-con-list">
            <div class="t-tit"><h3>课程详情</h3></div>

            <div class="  study-c-info">
              <img class="pic" src="static/img/pic.jpg" />
              <div class="info-txt">
                <h3>独乐乐不如众乐乐</h3>

                <p>999次学习 | 有效期：2021-01-01</p>
                <p class="m-act">
                  <label class="fl price">
                    <b>￥</b>
                    99
                  </label>
                  <label class=" fr baom cur" @click="goNext()">付费报名</label>
                </p>
              </div>
            </div>

            <div class="clear"></div>
            <h3 class="mulu">课程目录</h3>
            <ul class="train-list">
              <li>
                <img src="static/img/play-v.png" class="pic" />
                <label class="fl-name">课件1：第一节</label>
                <label class="fl-time">31：36</label>
                <label class="fl-file">附件</label>
              </li>
              <li>
                <img src="static/img/play-v.png" class="pic" />
                <label class="fl-name">课件1：第一节</label>
                <label class="fl-time">31：36</label>
                <label class="fl-file">附件</label>
              </li>
              <li>
                <img src="static/img/play-v.png" class="pic" />
                <label class="fl-name">课件1：第一节</label>
                <label class="fl-time">31：36</label>
                <label class="fl-file">附件</label>
              </li>
              <li>
                <img src="static/img/play-v.png" class="pic" />
                <label class="fl-name">课件1：第一节</label>
                <label class="fl-time">31：36</label>
                <label class="fl-file">附件</label>
              </li>
              <li>
                <img src="static/img/play-v.png" class="pic" />
                <label class="fl-name">课件1：第一节</label>
                <label class="fl-time">31：36</label>
                <label class="fl-file">附件</label>
              </li>
              <li>
                <img src="static/img/play-v.png" class="pic" />
                <label class="fl-name">课件1：第一节</label>
                <label class="fl-time">31：36</label>
                <label class="fl-file">附件</label>
              </li>
              <li>
                <img src="static/img/play-v.png" class="pic" />
                <label class="fl-name">课件1：第一节</label>
                <label class="fl-time">31：36</label>
                <label class="fl-file">附件</label>
              </li>
              <li>
                <img src="static/img/play-v.png" class="pic" />
                <label class="fl-name">课件1：第一节</label>
                <label class="fl-time">31：36</label>
                <label class="fl-file">附件</label>
              </li>
              <li>
                <img src="static/img/play-v.png" class="pic" />
                <label class="fl-name">课件1：第一节</label>
                <label class="fl-time">31：36</label>
                <label class="fl-file">附件</label>
              </li>
              <li>
                <img src="static/img/play-v.png" class="pic" />
                <label class="fl-name">课件1：第一节</label>
                <label class="fl-time">31：36</label>
                <label class="fl-file">附件</label>
              </li>
              <li>
                <img src="static/img/play-v.png" class="pic" />
                <label class="fl-name">课件1：第一节</label>
                <label class="fl-time">31：36</label>
                <label class="fl-file">附件</label>
              </li>
              <li>
                <img src="static/img/play-v.png" class="pic" />
                <label class="fl-name">课件1：第一节</label>
                <label class="fl-time">31：36</label>
                <label class="fl-file">附件</label>
              </li>
              <li>
                <img src="static/img/play-v.png" class="pic" />
                <label class="fl-name">课件1：第一节</label>
                <label class="fl-time">31：36</label>
                <label class="fl-file">附件</label>
              </li>
              <li>
                <img src="static/img/play-v.png" class="pic" />
                <label class="fl-name">课件1：第一节</label>
                <label class="fl-time">31：36</label>
                <label class="fl-file">附件</label>
              </li>
              <li>
                <img src="static/img/play-v.png" class="pic" />
                <label class="fl-name">课件1：第一节</label>
                <label class="fl-time">31：36</label>
                <label class="fl-file">附件</label>
              </li>
            </ul>
          </div>
        </div>

       <div class="r-xcx" ><span class="sp">微信小程序</span>
      <div class="r-xcx2" >
        <h3>培训平台小程序</h3>
        <img width="169" style="margin-top: 26px;" src="/static/img/qr.png" />
      </div>
    </div>
      </div>
    </div>
  </div>
</template>

<script>
import Header from '../../components/header_train.vue';
import Copyright from '../../components/copyright2.vue';

export default {
  data() {
    return {
      isOpen: true,
      value: [],
      options: [
        {
          value: '品德养成',
          label: '品德养成'
        },
        {
          value: '人物介绍',
          label: '人物介绍'
        },
        {
          value: '古今轶事',
          label: '古今轶事'
        },
        {
          value: '科学知识',
          label: '科学知识'
        },
        {
          value: '成语典故',
          label: '成语典故'
        }
      ]
    };
  },
  created() {},
  methods: {
    goNext() {
      this.$router.push('/trainpay2');
    },
    goCourse() {
      this.$router.push('/courseList');
    },
    goCollect() {
      this.$router.push('/courseCollect');
    }
  },
  components: { Header, Copyright }
};
</script>

<style lang="scss" scoped>
/deep/ .el-input__inner {
  height: 36px;
  line-height: 35px;
  outline: 0;
}
</style>
